.body-round-detail {
    min-height: 100vh;
    background-color: #eceff6;
    // 导航
    .body-round-detail-nav {
        background-color: #fff;
        height: 84rpx;
        padding: 0 30rpx;
        border-bottom: 1rpx solid #e1e1e1;
      .body-round-detail-nav-item {
          display: inline-block;
            font-size: 28rpx;
            line-height: 80rpx;
            padding: 0 23rpx;
            color: #333333;
      }
      .body-round-detail-nav-item-active{
          color: #8279ea;
          border-bottom: 2rpx solid #8279ea;
      }
    }
    // 视图
    .body-round-detail-visual {
        position: relative;
        height: 500rpx;
        .visual-container{
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
              
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: space-between;
                box-sizing: border-box;
              
            ec-canvas {
                width: 100%;
                height: 500rpx;
                background-color: #ffffff;
              }
        }
    }
    // 提示
    .body-round-detail-hint {
        margin-top: 15rpx;
        display: flex;
        align-items: center;
        padding: 0 15rpx;
        .hint-icon {
            width: 34rpx;
            height: 34rpx;
            margin-right: 4rpx;
            image{
                width: 100%;
                height: 100%;
            }
        }
      
        .hint-info {
            font-size: 22rpx;
            color: #9e9e9f;
        }
      }
    //   当前记录值 
    .body-round-detail-record {
        margin-top: 30rpx;
        .record-date {
            padding: 0 30rpx;
            line-height: 72rpx;
            color: #8279ea;
            font-size: 32rpx;
            font-weight: bold;
        }
      
        .record-content {
            padding: 0 30rpx;
            line-height: 104rpx;
            background-color: #fff;
          .record-content-time {
            font-size: 30rpx;
            margin-right: 35rpx;
            display: inline-block;
            color: #666666;
            font-weight: lighter;
          }
      
          .record-content-title {
            font-size: 28rpx;
            color: #555555;
            display: inline-block;
          }
      
          .record-content-val {
              float: right;
              display: inline-block;
              font-size: 36rpx;
              color: #8279ea;
            .val-unit {
                font-size: 20rpx;
            }
          }
        }
      }
    //   按钮
    .body-round-detail-btn{
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        bottom: 30rpx;
        width: 550rpx;
        line-height: 80rpx;
        text-align: center;
        background: linear-gradient(to right,#a099eb,#8279ea);
        border-radius: 40rpx;
        color: #fff;
        font-size: 28rpx;
    }
    // 测试前准备
    //测量前准备
    .to-measure {
      position: fixed;
      z-index: 1000;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      .mask {
          width:100%;
          height: 100%;
          background-color: rgba(0, 0, 0, .4);
      }

      .measure-content {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 752rpx;
        background-color: #fff;
        border-top-left-radius: 40rpx;
        border-top-right-radius: 40rpx;
        .content-icon {
          text-align: center;
          margin-top: 10rpx;
          text{
            font-size: 60rpx;
            color: #dddddd;
          }
        }

        .content-text {
          margin-top: 20rpx;
          text-align: center;
          font-size: 34rpx;

        }

        .content-date {
          margin-top: 30rpx;
          text-align: center;
          color: #212121;
          .content-date-box{
            display: inline-block;
            line-height: 90rpx;
            font-size: 32rpx;
            border-bottom: 1rpx solid #dddddd;
          }
        }

        .content-height {
          color: #212121;
          margin-top: 30rpx;
          text-align: center;
          .content-height-box{
            display: inline-block;
            line-height: 90rpx;
            font-size: 32rpx;
            border-bottom: 1rpx solid #dddddd;
          }
        }

        .content-sex {
          margin-top: 35rpx;
          display: flex;
          justify-content: center;
          .content-sex-item{
            width: 95rpx;
            height: 95rpx;
            text-align: center;
            line-height: 95rpx;
            box-sizing: border-box;
            border: 1rpx solid #e9e9e9;
            border-radius: 50%;
            margin: 0 42rpx;
          }
          .content-sex-man-active {
              border: none;
              background-color: #2483fe;
              color: #fff;
          }

          .content-sex-woman-active {
            border: none;
            background-color: #f92149;
            color: #fff;
          }
        }

        .content-phone {
          margin-top: 30rpx;
          height: 90rpx;
          border-top: 10rpx solid #f5f5f5;
          border-bottom: 10rpx solid #f5f5f5;
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 0 25rpx;
          font-size: 28rpx;
          color: #929292;
          .phone-title {
            
          }
        
          .phone-val {
        
          }
        }

        .content-btn {
          position: absolute;
          bottom: 0;
          left: 0;
          font-size: 34rpx;
          width: 100%;
          background-color: #8279ea;
          color:#fff;
          text-align: center;
          line-height: 100rpx;
        }
      }
    }
  }